@charset "utf-8";
@import "common";
section{
    .layaflash{
        width: 100%;
       background:#8bc01f;
       .layaflash-l{
           margin-top: 60px;
           margin-bottom: 60px;
       h1{
           font-size: 38px;
           color: #fff;
           @media (min-width:768px){
               font-size: 48px;
           }
           span{
               color: #8bc01f;
               font-weight: bold;
               margin-right: 12px;
               padding: 0 18px;
               background: #fff;
               border-radius: 2px;
           }
       }
       h2{
           font-size: 24.03px;
           color: #fff;
           margin-bottom: 78px;
       }
       p{
           font-size: 14.09px;
           color: #fff;
           margin-top: 32px;
           line-height: 32px;
       }
       a{
           display: inline-block;
           margin-top: 30px;
           padding: 10px 22px;
           border-radius: 3px;
           background: #fff;
           font-size: 14px;
           color: #8bc01f;
       }
    }
    .layaflash-r{
        margin-top: 60px;
        margin-bottom: 60px;
        img{
            width: 100%;
        }
    }
}
    .layaplayer{
        width: 100%;
        background: #3393df;
        .layaplayer-l{
            margin-left: 7px;
            margin-top: 60px;
            h1{
                font-size: 38px;
                color: #fff;
            @media (min-width:768px){
               font-size: 48px;
           }
                
                span{
                   font-size: 40px;
                   color: #3393df;
                   background: #fff;
                   padding: 0 12px;
                   border-radius: 2px;
                   margin-right: 12px;
               @media (min-width:768px){
                    font-size: 30px;
           }
                }
            }
            img{
                width: 100%;
            }
        }
    }
        .layaplayer-m{
            margin-top: 70px;
            margin-left: -7px;
            @media (min-width:768px){
               margin-top: 146px; 
            }
            h2{
                font-size: 24px;
                color: #fff;
            }
            p{
                font-size: 14px;
                color: #fff;
            }
        }
        .layaplayer-r{
            margin-top: 70px;
            @media (min-width:768px){
                margin-top: 290px; 
            } 
            margin-bottom: 60px;
            img{
                width: 100%;}
        }
    .layaoother{
        margin-left: 7px;
        margin: 60px 0;
        h1{
            font-size: 42px;
            color: #3393df;
            span{
                font-size: 36px;
                color: #fff;
                padding: 0 12px;
                background: #3393df;
                margin-right: 12px;
            }
        }
        h2{
            font-size: 18px;
            color: #5d5d5d;
        }
        h3{
            font-size: 18px;
            color: #3393df;
            margin-top: 38px;
        }
        p{
            font-size: 14px;
            color: #5d5d5d;
            text-indent: 2em;
        }
        .layaoother-icon{
            text-align: center;
        }
    }   
}